﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
<script src="${RESOURCE}/scripts/security.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>

<script type="text/javascript">
function checkEmail(field) {        // @when onBlur, onKeyUp - email input box.
    var sText = field.value;
    var filter = /^([a-zA-Z0-9_\.\-\@])+$/;
    var Char;
    var newText = "";
    var isInvalid = false;
    for (i = 0; i < sText.length; i++) {
        Char = sText.charAt(i);
        if (filter.test(Char) ) {
            newText += Char;
        }else{
            isInvalid = true;
        }
    }
    if (isInvalid){
        field.value = newText;
    }
}

function doSubmit() {               // @When hit submit button.
    if(validate()) {
        $('#form1').submit();
    }
}

function validate() {
    var email = $('#email').val();
    if(isEmail(email)) {
        alert('กรุณาใส่อีเมล์ที่ถูกต้อง');
        $('#email').focus();
        return false;
    }
    return true;
}
</script>

<!-- Unused functions -->
<script type="text/javascript">
function listCountry(){
    var w = 350;
    var h = 300;
    var l = (screen.width - w) / 2;
    var t = (screen.height - h ) / 2;
    window.open("/bp3/bin/Dspc/DpromptCamelCountry?lang=T", "CamelCountry", "scrollbars=1, width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
}
</script>
</head>
<body>
<div id="header">	
	<%@ include file="../head.jsp" %>
</div>

<div id="container">
	<div id="pathway">
            <a href="${pageContext.request.contextPath}/index.html"  class="link2">บริการผ่านเว็บ</a> &gt;
            <a href="${pageContext.request.contextPath}/index.html?page=Welcome" class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt;
            บริการแฮปปี้โกอินเตอร์
	</div>
	<div id="main">
            <%@ include file="../menu.jsp" %>
            <div id="content">
                <div class="content-middle">
                
                <h3>
                    <img src="${RESOURCE}/tha/images/14_webservice_head01.gif" />
                </h3>
                    <form id="form1" action="${pageContext.request.contextPath}/DpromptCamel.html?page=DpromptCamelConfirm" method="post">
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                    <tr>
                    	<td valign="top">
                            <div align="center">
                                <table width="650" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td height="40">
                                            <table width="100%" border="0" cellspacing="3" cellpadding="0">
                                            <tr>
                                                <td width="2%">
                                                    <img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" />
                                                </td>
                                                <td width="98%" class="textnormal_bold">
                                                    <img src="${RESOURCE}/tha/images/14_webservice_subtitle14.gif" width="350" height="22" />
                                                </td>
                                            </tr>
                                            </table>
                                        </td>
                                    </tr>
					  <tr>
                                              <td height="15" align="left"> <br />
                                                  <table width="95%" border="0" align="center" cellpadding="2" cellspacing="5">
                                                      <tr>
                                                          <td align="right" class="textnormal_bold">เบอร์แฮปปี้ของคุณ:</td>
                                                          <td name="subNumb" id="subNumb" class="textnormal"><!--SVLT.VAR:SUBR_NUMB--></td>
                                                      </tr>
                                                      <tr>
                                                          <td width="40%" align="right" class="textnormal_bold">กรุณาระบุประเทศที่คุณต้องการ<br />
                                                              ใช้บริการแฮปปี้โกอินเตอร์:
                                                          </td>
                                                          <td>
                                                              <select id="country" name="country">
								  <option value=""></option>
								  <!--SVLT.LOOP:CNTRY_LIST-->
								  <option value="<!--SVLT.VAR:CODE-->"><!--SVLT.VAR:DESC--></option>
								  <!--SVLT.END:CNTRY_LIST-->
                                                              </select>
                                                          </td>
                                                      </tr>
                                                      <tr>
                                                          <td align="right" class="textnormal_bold">
                                                              กรุณาระบุ e-mail address <br />
								เพื่อรับข้อมูลยืนยันการสมัคร:
                                                          </td>
                                                          <td>
                                                              <input id="email" name="email" type="text" size="30" maxlength="30" value="<!--SVLT.VAR:EMAIL-->" onkeyup='checkEmail(this);' onblur='checkEmail(this);'/>
                                                          </td>
                                                      </tr>
                                                      <tr>
                                                          <td align="right" class="textnormal_bold">
                                                              &nbsp;
                                                          </td>
                                                          <td>
                                                              <font color="#FF0000" class="textredsmall">
                                                                  (หากคุณมีการแก้ไข e-mail address ระบบจะทำการเก็บข้อมูล <br />
                                                                  e-mail address ใหม่นี้แทนข้อมูลเดิมของคุณ)
                                                              </font>
                                                          </td>
                                                      </tr>
                                                  </table>
                                                  <br />
						  <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2">
                                                      <tr>
                                                          <td width="20" align="center">
                                                              <img src="${RESOURCE}/tha/images/bullet_yellow.gif" width="8" height="8" />
                                                          </td>
                                                          <td align="left">
                                                              <a href="http://www.happy.co.th/th/low/06_gointer_condition.php" target="_blank">รายละเอียดและเงื่อนไขบริการแฮปปี้โกอินเตอร์</a>
                                                          </td>
                                                      </tr>
						  </table>
						  <br />
						  <br />
						  <br />
						  <table width="45%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                      <tr>
                                                          <td width="43%" align="center">
                                                              <a href="javascript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_gointer_apply_btn.gif" width="122" height="23" border="0" /></a>
                                                          </td>
                                                          <td width="57%" align="center">
                                                              <a href="${pageContext.request.contextPath}/index.html?page=Welcome">
                                                                  <img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" />
                                                              </a>
                                                          </td>
                                                      </tr>
                                                  </table>
						  <br />
						  <p>
                                                      <br />
                                                      <br />
                                                      <br />
                                                      <br />
                                                  </p>
                                              </td>
                                          </tr>
                                                          <!--SVLT.VAR:CONF_BOTTOM-->
					</table>
                            </div>
						
						
						
						</td>
                 	</tr>
              	</table>
                </form>
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/tha/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
